﻿{% extends 'base.html' %}

{% block body %}

    <!--============= Banner Section Starts Here =============-->
    <div class="hero-section bg_img style-two" data-background="../static/assets/images/banner/page-header.jpg">
        <div class="container">
            <div class="cate-header cl-white">
                <h1 class="cate-title">{{ the_title }}</h1>
                <div class="cate-meta">
                    <div>
                    <a class="custom-button" href="{{ url_for('api_walk') }}" >试一试</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--============= Banner Section Ends Here =============-->

    <!--============= Category Section Starts Here =============-->
    <section class="category-section padding-bottom mt--160 pos-rel">
        <div class="container">
            <div class="category-single-wrapper">
                <div class="single-item">
                    <h2 class="title">{{ the_title }}</h2>
                </div>
                <div class="single-item">
                    <h3 class="title">学习记录</h3>
                    <p>在越来越多API开放平台的出现下，我们去设计、制作一个应用程序的过程变得越来越简便。当然这些API也支持在python中编写，利用API与python，我们能更轻易地写出小应用，应用在你的网站中又或是其它地方。</p>
					<p>在本学期的学习中，体验了高德、百度、微软的API开放服务，简单注册后再按文档介绍就可以实现功能的调用。你想在用python写一个地图导航的功能？可以！想写一个人脸识别的功能？也可以！API为你省去开发时的绝大部分麻烦！！！</p>
					<p>下面就来就以高德API服务中的路径规划 - 步行路径规划为例子感受一下API的魅力！</p>
                </div>
                <div class="single-item">
                    <h3 class="title">产品介绍</h3>
                    <p>路径规划API是一套以HTTP形式提供的步行、公交、驾车查询及行驶距离计算接口，返回JSON 或 XML格式的查询数据，用于实现路径规划功能的开发。 由于道路/数据/算法的变更，很可能存在间隔一段时间后请求相同起终点的经纬度返回不同结果。</p>
                    <div class="thumb">
                        <img src="../static/assets/images/cate/walk_intro.png" alt="walk">
                    </div>
                </div>
                <div class="single-item">
                    <h3 class="title">适用场景</h3>
                    <ul class="nulla-list">
                        <li>无需展现地图的场景下，进行线路查询，如以线路结果页形式展现换乘方案；</li>
                        <li>根据返回线路数据，自行开发线路导航。</li>
                    </ul>
                </div>
                <div class="single-item">
                    <h3 class="title">使用说明</h3>
                    <p>
                        第一步，申请”Web服务API”密钥（Key）；</br>
                        第二步，拼接HTTP请求URL，第一步申请的Key需作为必填参数一同发送；</br>
                        第三步，接收HTTP请求返回的数据（JSON或XML格式），解析数据。</br>
                    </p>
                    <p>
                        <a href="https://lbs.amap.com/api/webservice/guide/api/direction">高德API文档 - 路径规划</a>
                    </p>
                    <div class="thumb">
                        <img src="../static/assets/images/cate/walk_intro2.png" alt="guide">
                        <p>在Jupyter Notebook上的书写演示</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--============= Category Section Ends Here =============-->

{% endblock %}